@width1: 360px;
@radius: 3px;
.borderWhite{
  border-bottom: #fff!important;
}
/*index中的父元素样式表*/
.wea-car-list {
  height: 100%;
  width: 360px;
  float: left;
  position: relative;
  border-right: 1px solid #E8E8E8;
  .list-tag-drop {
    .icon-coms-down {
      padding-left: 10px;
      color: #A1A1A1;
      font-size: 9px;
    }
  }
  .wea-car-menu{
    .ant-menu-submenu{
      z-index:14!important;
      .ant-menu-vertical>.ant-menu-item{
        padding: 0 14px;
        .setable-label{
          width: 65px;
          height: 20px;
          line-height: 20px;
          color: #fff;
          text-align: center;
          box-sizing: content-box;
        }
      }
    }
  }
  .car-list-search {
    height: 45px;
    padding: 8px 10px;
    background-color: #fbfbfb;
    border-bottom: 1px solid #E4E4E4;
    .simple {
      position: relative;
      z-index:13;
      .wea-input-focus{
        width: 250px;
        .ant-input{
          margin-top: -6px;
        }
      }
      .advance-button{
        display: inline-block;
        width: 85px;
        text-align: center;
        background-color: #fff;
        height: 28px;
        line-height: 28px;
        border: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9; 
        border-left: none;
        cursor: pointer;
      }
    }
    .advance {
      display: none;
    }
  }
  /*高级搜索隐藏区域*/
  .search-details{
    position: absolute;
    top: 83px;
    left: 0px;
    z-index: 12;
    width: @width1;
    padding: 10px 0;
    box-sizing: border-box;
    border: 1px solid #D9DCE2;
    box-shadow: 0 2px 2px 0 rgba(193,193,193,0.50);
    background-color: #fff;
    .search-details-line{
      height: 30px;
      line-height: 30px;
      padding: 0 22px;
      margin-bottom: 15.5px;
      &:last-child{
        margin-bottom: 21px;
      }
      .ant-form-item-label{
        padding: 0 0!important;
        padding-left: 0!important;
      }
      .search-bar{
        float: right;
        height: 100%;
        width: 235px;
        .type-input{
          display: inline-block;
          width: inherit;
          height: 30px;
          border: 1px solid #D9DCE2;
          text-indent:8px;
        }
      }
    }
  }
  .dividing-line{
    border-top:1px solid #D9DCE2;
    margin-top: 5.5px;
  }
  /*高级搜索底部按钮*/
  .btn-collection{
    margin-left: 24px;
    padding: 10px 22px 0 22px;
    .ant-btn{
      width:65px;
      height: 30px;
      border-radius: 3px;
      font-size: 12px;
      margin-right: 25px;
    }
    .ant-btn-primary{
      background: #5AB2EB;
      color: #fff;
    }
    .ant-btn-ghost{
      background: #fff;
      color: #484A4D;
    }
  }
  /*协作类型*/
  .car-list-type{
    width: 359px;
    height: 45px; 
    line-height: 45px;
    margin-bottom: 1px;
    background-color: #fff;
    box-shadow: 1px 1px 0 0 #E4E4E4;
    .list-type-check{
      margin-left:21px; 
    }
    .car-list-dropBtn{
      width: 85px;
      height: 30px;
      padding: 0 10px;
      margin-left:17px; 
      margin-bottom: 3px;
      text-align: center;
      line-height: 30px;
      background: #EBEBEB;
      border: 1px solid #D6D6D6;
      border-radius: 3px;
      .icon-coms-organization-down{
        margin-left:5px; 
        color: #B3B3B3;
      }
    }
  }
  /*协作类型下方title*/
  .wea-car-pro{
    background: #F9FCFF;
    box-shadow: 0 1px 0 0 #E6E6E6;
    text-indent: 8px;
    height: 25px;
    margin: 1px 0;
    line-height: 25px;
    color: #333333;
  }
  .wea-new-scroll{
    position: absolute;
    top: 138.5px;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #eee;
    background-color:#fff;
    box-sizing: border-box;
  }
  .scroller{
    width:359px;
  }
  /*协作左侧区域项目列表*/
  .wea-car-items{
    background-color: #fff;
    cursor: pointer;
    width: @width1;
    .wea-car-item{
      list-style: none;
      width: 100%;
      box-sizing: border-box;
      padding: 0 0 0 23px;
      margin-bottom: 1px;
      box-shadow: 1px 1px 0 0 #E6E6E6;
      &:hover{
        background-color:#F8F7EE;
      }
      &.cur {
        background-color:#F8F7EE;
      }
      .ant-checkbox-input{
        width: 13px;
        height: 13px;
      }
      .item-prefix{
        color: #FF6C6C;
      }
      .item-message-isNew{
        font-weight: 600;
        color: #333;
        line-height: 20px;
      }
      .item-message-notNew{
        color: #333;
        line-height: 20px;
      }
      .wea-tag{
        width: 35px;
        height: 18px;
        border-radius: 3px;
        border: 1px solid #2DB7F5;
        background-color: #fff;
        text-align: center;
        line-height: 12px;
        float: right;
        margin-right: 20px;
        .ant-tag-text{
          margin-left:-3px;
          color: #2DB7F5;
          font-size: 10px;
        }
      }
      .icon-coms-Collection,.icon-coms-Collection2{
        font-size: 15px;
        color: #F6A623;
        float: right;
        margin: 13px 20px 0 0;
      }
      .wea-tag-container{
        margin-left: 27px; 
        .special-tag{
          margin-right:11px;
          border-radius:10px;
          color:#fff;
          margin-top: -20px;
          .anticon-cross{
            color: inherit;
          }
        }
      }
      .item-title {
        display: inline-block;
        width: 288px;
        margin: 0;
        height: 100%;
        padding: 10px 0 10px 17px;
      }
    } 
  }
  .left-bottom-tip{
    text-align: center;
    padding: 10px 0;
    width: 100%;
    i {
      transform:rotate(180deg);
      display:inline-block;
      margin-right:10px;
    }
  }
}

